<template>
  <el-row>
    <el-form :inline="true" :model="formInline" size="mini">
      <el-form-item label="商品名称:">
        <el-input v-model="formInline.name" placeholder="请输入商品名称"></el-input>
      </el-form-item>

      <el-form-item label="商品品牌:">
        <el-select v-model="formInline.brand" placeholder="商品品牌">
          <el-option label="区域一" value="shanghai"></el-option>
          <el-option label="区域二" value="beijing"></el-option>
        </el-select>
      </el-form-item>

      <el-form-item label="商品分类:">
        <el-select v-model="formInline.classification" placeholder="所有分类">
          <el-option label="区域一" value="shanghai"></el-option>
          <el-option label="区域二" value="beijing"></el-option>
        </el-select>
      </el-form-item>

      <el-form-item label="发布时间:">
        <el-date-picker v-model="formInline.time" type="date" placeholder="选择日期"></el-date-picker>
      </el-form-item>

      <el-form-item>
        <el-button type="primary" @click="onSubmit" icon="el-icon-search">搜索</el-button>
      </el-form-item>
    </el-form>
  </el-row>
</template>

<script>
export default {
  data() {
    return {
      formInline: {
        name: '',
        brand: null,
        classification: null,
        time: null
      }
    }
  },
  methods: {
    onSubmit() {
      console.log('submit!');
    }
  }
}
</script>

<style lang='scss' scoped>
.el-row {
  margin-top: 0px;
}
</style>